<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
    String path = request.getContextPath()+"/";
%>
<!DOCTYPE html>
<html>

<head>
    <base href="<%=path%>">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <title>在线申请信用贷款</title>
    <link rel="stylesheet" href="static/H5/css/index3.css" />
    <%--<link rel="stylesheet" href="static/mob/css/indexa.css" />--%>
    <script type="text/javascript" src="static/H5/js/jquery.min.js"></script>
    <script type="text/javascript" src="static/H5/js/finutil_a.js"></script>
    <script type="text/javascript" src="static/H5/js/crypto-js.js"></script>
    <link href="static/H5/css/loan.css" rel="stylesheet" />
    <style type="text/css">._v-container[data-v-ecaca2b0]{-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}._v-container>._v-content[data-v-ecaca2b0]{width:100%;-webkit-transform-origin:left top;-webkit-transform:translateZ(0);-moz-transform-origin:left top;-moz-transform:translateZ(0);-ms-transform-origin:left top;-ms-transform:translateZ(0);-o-transform-origin:left top;-o-transform:translateZ(0);transform-origin:left top;transform:translateZ(0)}._v-container>._v-content>.pull-to-refresh-layer[data-v-ecaca2b0]{width:100%;height:60px;margin-top:-60px;text-align:center;font-size:16px;color:#aaa}._v-container>._v-content>.loading-layer[data-v-ecaca2b0]{width:100%;height:60px;text-align:center;font-size:16px;line-height:60px;color:#aaa;position:relative}._v-container>._v-content>.loading-layer>.no-data-text[data-v-ecaca2b0]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}._v-container>._v-content>.loading-layer>.no-data-text[data-v-ecaca2b0],._v-container>._v-content>.loading-layer>.spinner-holder[data-v-ecaca2b0]{opacity:0;transition:opacity .15s linear;-webkit-transition:opacity .15s linear}._v-container>._v-content>.loading-layer>.no-data-text.active[data-v-ecaca2b0],._v-container>._v-content>.loading-layer>.spinner-holder.active[data-v-ecaca2b0]{opacity:1}._v-container>._v-content>.loading-layer .spinner-holder[data-v-ecaca2b0],._v-container>._v-content>.pull-to-refresh-layer .spinner-holder[data-v-ecaca2b0]{text-align:center;-webkit-font-smoothing:antialiased}._v-container>._v-content>.loading-layer .spinner-holder .arrow[data-v-ecaca2b0],._v-container>._v-content>.pull-to-refresh-layer .spinner-holder .arrow[data-v-ecaca2b0]{width:20px;height:20px;margin:8px auto 0;-webkit-transform:translateZ(0) rotate(0deg);transform:translateZ(0) rotate(0deg);transition:transform .2s linear}._v-container>._v-content>.loading-layer .spinner-holder .text[data-v-ecaca2b0],._v-container>._v-content>.pull-to-refresh-layer .spinner-holder .text[data-v-ecaca2b0]{display:block;margin:0 auto;font-size:14px;line-height:20px;color:#aaa}._v-container>._v-content>.loading-layer .spinner-holder .spinner[data-v-ecaca2b0],._v-container>._v-content>.pull-to-refresh-layer .spinner-holder .spinner[data-v-ecaca2b0]{margin-top:14px;width:32px;height:32px;fill:#444;stroke:#69717d}._v-container>._v-content>.pull-to-refresh-layer.active .spinner-holder .arrow[data-v-ecaca2b0]{-webkit-transform:translateZ(0) rotate(180deg);transform:translateZ(0) rotate(180deg)}</style>
    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cspan  style='display:none;'  id='cnzz_stat_icon_1271494136'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1271494136' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script>
        //声明_czc对象:
        var _czc = _czc || [];
        //绑定siteid，请用您的siteid替换下方"XXXXXXXX"部分
        _czc.push(["_setAccount", "1271494136"]);
    </script>
    <script type="text/javascript">
        function getQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if(r != null) return unescape(r[2]);
            return null;
        }
        var bm = getQueryString("bm");
        var cid = getQueryString("cid");
        var channel = getQueryString("channel");
        var username = unescape(getQueryString("username"));
        var tel = getQueryString("tel")
        var birthday = getQueryString("birthday");
        var mon = getQueryString("money");
        var car = Number(getQueryString("car"));
        var house = Number(getQueryString("house"))
        var city = getQueryString("city")
        var housingFund = getQueryString("housing")
        var sex = getQueryString("sex")
    </script>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        body {
            font-family: "微软雅黑";
            color: #333;
            font-size: 14px;
            background: #f8f8f8;
        }

        a {
            text-decoration: none;
        }

        img {
            width: 100%;
            border: 0;
            vertical-align: top;
        }

        li {
            list-style: none;
        }

        #tclose{ display:block; height:321px; width:100%; top:0%; left:0;}
        #sptext{ display:block; width:90%;left:5%; top:0%; text-align:center; z-index:500; position:absolute; font-size:1.6em; line-height:2.4em; color:#fff;}
        #sptext2{ display:block; width:70%;left:15%; top:20%; text-align:center; z-index:500;font-size:1.3em; position:absolute; color:#000;}
        #sptext3{ display:block; width:72%;left:14%; top:32%; text-align:center; z-index:500; font-size:1.6em; line-height:1.5em; position:absolute; color:#118038; background:#fffde9; border-radius:15px; padding:1% 0;}

        #sptext3 abbr{ color:#d50724}
        #btnclose{ display:block; position: absolute;bottom:8%;width:63% ;margin: 0 auto;left: 0px;right: 0px;z-index:500;background:#fdc501; height:40px; line-height:40px; font-size:1.3em;font-weight:800;color:#000; text-align:center;border-radius:5px;}
        .agreebtn_close span{ display:block; width:25px; height:25px; line-height:22px; font-size:2.2em;background:#e32430; color:#fff; border-radius:50%; text-align:center;}
        .bigPic {
            width: 100%;
            padding: 10px 5%;
            background: #fff;
        }

        .bigPic::after,
        .bigBanner::after {
            content: "";
            display: block;
            clear: both;
        }

        .bigPic .picB {
            width: 30%;
            float: left;
        }

        .bigPic .picB img {
            width: 100%;
        }

        .bigPic .picC {
            width: 68%;
            float: right;
            text-align: center;
        }

        .bigPic .picC h3 {
            margin-top: 18px;
        }

        .bigPic .picC h3 img {
            width: 90%;
        }

        .bigPic .picC p {
            color: #666666;
            font-size: 14px;
            margin-top: 4px;
        }

        .fff {
            height: 6px;
            background: #f4f4f4;
            width: 100%;
        }

        .bigBanner {
            width: 100%;
            padding: 10px 0;
            border-radius: 0;
        }

        .bigBanner img,
        .nextBanner img {
            width: 100%;
        }

        .bigBanner,
        .nextBanner {
            border: none;
            box-shadow: none;
            margin-bottom: 0;
        }

        .nextBanner {
            width: 94%;
            padding: 10px 3%;
            border-radius: 0;
        }

        .bigCont {
            width: 96%;
            padding: 20px 0;
            margin: 0 auto;
            text-align: center;
        }

        .bigCont h3 {
            font-size: 16px;
            background: url(static/mob/images/zhege.png) no-repeat center;
            background-size: 96%;
            font-weight: normal;
        }

        .clearfix:after {
            content: ".";
            display: block;
            clear: both;
            overflow: hidden;
            visibility: hidden;
            height: 0;
            font-size: 0;
        }

        .clearfix {
            display: block;
        }

        .result1 ul {
            width: 100%;
            margin: -0.4rem auto;
            background-color: #FFF;
            border: 0 !important;
        }

        .result1 li {
            /*padding-top: 0.6rem;*/
            padding: 1rem 0;
            border-bottom: 1px solid #d4d3d3;
            overflow: hidden;
        }

        .result1 li:last-child {
            border-bottom: none;
        }

        .result1 li span {
            display: inline-block;
            width: 30%;
            height: 2.5rem;
            padding-top: 0.5rem;
        }

        .result1 li span img {
            width: 100%;
        }

        .result1 li p {
            overflow: hidden;
            line-height: 1.4rem;
        }

        .result1 li b {
            width: 25%;
            text-align: center;
            line-height: 1.6rem;
        }

        .result1 li b em {
            display: block;
            font-style: normal;
        }
        .result1 ul li:last-child {
            border-bottom: none !important;
        }
        .tourl::after {
            content: "";
            display: block;
            clear: both;
        }

        .tourl {
            position: relative;
            width: 100%;
            border: 1px #e5e5e5 solid;
            border-radius: 8px;
            box-shadow: 0 0 0.6rem #d6d6d6;
            margin-bottom: 0px;
            cursor: pointer;
        }

        .tourlDiv {
            width: 11.6%;
            padding: 2% 0 2% 4%;
            float: left;
        }

        .tourlImg {
            vertical-align: center;
            height: auto;
            width: 100%;
            border-radius: 50%
        }
        .bigSmall {
            width: 96%;
            padding: 20px 0;
            margin: 0 auto;
            text-align: center;
        }

        .bigSmall h3 {
            font-size: 16px;
            background: url(static/mob/images/nage.png) no-repeat center;
            background-size: 70%;
            font-weight: normal;
        }
    </style>
</head>

<body>
<div class="warp3">
    <!-- <h3>！质子||同城金融</h3> -->
    <input type="hidden" id="pinganphflag" value="${pinganphflag}">
    <input type="hidden" id="newloanflag" value="${newloanflag}">
    <input type="hidden" id="ztxflag" value="${ztxflag}">
    <div class="warp">
        <script type="text/javascript" src="static/H5/js/htmlinfoUnion.js"></script>
        <div class="bigbigbig">
            <div class="bigPic">
                <div class="picB"><img src="static/mob/images/pay_success.png" alt=""></div>
                <div class="picC">
                    <!-- <h3>！</h3> -->
                    <h3><img src="static/mob/images/arady.png" alt=""></h3>
                    <p>最高可贷50万元</p>
                </div>
            </div>

            <!-- <div class="bigbigBan">
                <div class="fff"></div>
                <div class="nextBanner tourl" thisurl="https://www.heiniubao.com/activity/zzd_prize1" thisname="幸运大转盘">
                    <a href="https://www.heiniubao.com/activity/zzd_prize1"><img src="/mob/images/lucky_swag.png"
                                                                                 alt=""></a>
                </div>

            </div> -->
            <div class="fff"></div>

            <div class="bigCont">
                <h3>以下贷款机构可能会联系您</h3>
            </div>
        </div>
        <div style="background:#fff; width: 100%; padding:0 3%;" class="result1 clearfix" id="sam_card">
            <ul id="app">
            </ul>
        </div>
        <div class="fff"></div>
        <div class="bigBanner tourl">
            <img src="static/mob/images/bannerNew.png" alt="">
        </div>
        <div class="fff"></div>
        <div class="tuiJ" style="margin: 30px 0 18px 0; height:10px;display:none;  background: #f6f6f6;" id="bigDt"></div>

        <div id="bigInSmall" style="background:#fff; padding:0 2% 0px" class="result1 clearfix">
            <div class="bigSmall">
                <h3>为您推荐</h3>
            </div>
            <ul id="smallApp">
            </ul>
        </div>

    </div>

</div>
<div class="main-container">
    <div>
        <div class="tab-content">
            <div keep-alive="">
                <%--<div class="fix-header">
                    <h2 style="color:#fc5b03;padding:8px 15% 0;line-height: 24px;text-align: center;font-size: 1.2em;vertical-align: middle;">感谢申请，如果要3分钟拿到钱，请申请以下机构，线上3分钟放款</h2>
                    <!--<img src="static/H5/images/bao.png" class="front-img" />
                     <div>
                     <ul class="tab-list">
                      <li class=""> 放款快 </li>
                      <li class=""> 通过率高 </li>
                      <li class=""> 只需身份证 </li>
                     </ul>
                    </div> -->
                </div>--%>
                <div class="company-info">
                    <div class="info-container">
                        <c:forEach items="${list}" var="list">
                            <div class="loan-company-info-wrapper">
                                <a href="${list.line}" onclick="_czc.push(['_trackEvent', '${list.productName}', '跳转']);" target="_blank">
                                    <div data-v-6a9e6a72="" class="loan-company-info">
                                        <!---->
                                        <div class="weui-cells vux-no-group-title">
                                            <img data-v-6a9e6a72="" src="${list.productLogo}" class="company-logo" />
                                            <div data-v-6a9e6a72="" class="brief-info">
                                                <div data-v-6a9e6a72="" class="company-title">
                                                    <span data-v-6a9e6a72="" class="company-name">${list.productName}</span>
                                                    <span data-v-6a9e6a72="" class="loan-condition">${list.productTag}</span>
                                                </div>
                                                <div data-v-6a9e6a72="" class="info">
                                                    <c:if test="${empty list.recommendDayRate}">
                                                        <span data-v-6a9e6a72="" class="info-label">推荐月利率(%)</span>
                                                        <span data-v-6a9e6a72="" class="loan-interst">${list.recommendMonRate}</span>
                                                    </c:if>
                                                    <c:if test="${empty list.recommendMonRate}">
                                                        <span data-v-6a9e6a72="" class="info-label">推荐日利率(%)</span>
                                                        <span data-v-6a9e6a72="" class="loan-interst">${list.recommendDayRate}</span>
                                                    </c:if>
                                                </div>
                                                <div data-v-6a9e6a72="" class="info">
                                                    <c:if test="${not empty list.amountRange}">
                                                        <span data-v-6a9e6a72="" class="info-label">额度区间 </span>
                                                        <span data-v-6a9e6a72="" class="loan-limit">${list.amountRange}</span>
                                                    </c:if>
                                                    <c:if test="${not empty list.maxAmount}">
                                                        <span data-v-6a9e6a72="" class="info-label">最高额度 </span>
                                                        <span data-v-6a9e6a72="" class="loan-limit">${list.maxAmount}</span>
                                                    </c:if>
                                                </div>
                                                <div data-v-6a9e6a72="" class="info">
                                                    <span data-v-6a9e6a72="" class="info-label">放款时间</span>
                                                    <span data-v-6a9e6a72="" class="loan-time">${list.giveDuration}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </c:forEach>
                    </div>
                    <!-- <div data-v-8237ca54="">
                     <div data-v-8237ca54="" class="list-title">
                      <span data-v-8237ca54="" class="pink-block"></span>
                      <span data-v-8237ca54="" class="active title">已申请产品</span>
                     </div>
                     <div class="info-container" data-v-8237ca54=""></div>
                    </div>
                          </div>
                          <div data-v-7cb04f4e="" class="footer-container">
                    <img data-v-7cb04f4e="" src="./百姓金融 - 百姓网旗下的金融贷款服务平台 - 服务于个人消费贷款，企业贷款 - 百姓网_files/7a8b3efb1678f874236d962373420f19.png" />
                    <p data-v-7cb04f4e="">关注“ <strong data-v-7cb04f4e="">百姓有米</strong>”微信公众号</p>
                    <p data-v-7cb04f4e="">随时随地都能贷，查询贷款状态，更有惊喜好礼相送。</p>
                    <a data-v-7cb04f4e="" href="https://jinrong.baixing.com/m/wechathelper" class="link">+ 关注</a>
                          </div>  -->
                    <div class="footer">
                        <p>&copy; 2017 卡王贷版权所有</p>
                    </div>
                </div>
            </div>
            <div class="weui-loading_toast vux-loading" style="display: none;">
                <div class="weui-mask_transparent"></div>
                <div class="weui-toast">
                    <i class="weui-loading weui-icon_toast"></i>
                    <p class="weui-toast__content">申请中...</p>
                </div>
            </div>
            <div class="vux-toast">
                <div class="weui-mask_transparent" style="display: none;"></div>
                <div class="weui-toast weui-toast_cancel" style="width: 7.6em; display: none;">
                    <i class="weui-icon-success-no-circle weui-icon_toast"></i>
                    <p class="weui-toast__content"></p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript">
    ygshow(housingFund, car, house, mon);


</script>

</html>